<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        img{
            width:300px;
            height:auto;
        }
    </style>
</head>
<body>
<div id="div">
    <div id="one">
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
        <img class="img" data-url="psbQXFQ7FQY.jpg" src="psb0YPHO3XY.jpg" alt="love"/>
    </div>
</div>
<script>
    //先用延迟请求去写
    setTimeout(function(){
        var oDiv=document.querySelector("#one");
        var aImg=oDiv.querySelectorAll(".img");
        for(var i=0;i<aImg.length;i++){
            (function(i){
                var oImg=new Image();
                oImg.src=aImg[i].getAttribute("data-url");
                aImg[i].src=oImg.src;
            }
            )(i)
        }
    },1500);


</script>
</body>
</html>